Uiiconsize

2022年5月6日—Let'stalkaboutmediumfirst.Ifyoudesignforadesktop,youcangofor24x24pixelsforregularicons,16x16pixelsforsmallicons,and ...,Forproductiveuseinproduct,appiconsworkbestinfoursizes:16px,20px,24px,and32px.Forexpressiveuse,48pxandabovemaybeused.Useiconsattheir ...,PhoneIcon,AddIcon,WarningIcon}from'@chakra-ui/icons'·//Thedefaulticonsizeis1em(16px)··//Usethe`boxSize`propto...

7 Basic Rules for Using Icons in UI Design

2022年5月6日 — Let's talk about medium first. If you design for a desktop, you can go for 24 x 24 pixels for regular icons, 16x16 pixels for small icons, and ...

IBM Design Language

For productive use in product, app icons work best in four sizes: 16px, 20px, 24px, and 32px. For expressive use, 48px and above may be used. Use icons at their ...

Icon

PhoneIcon, AddIcon, WarningIcon } from '@chakra-ui/icons' · // The default icon size is 1em (16px) · <PhoneIcon /> · // Use the `boxSize` prop to change the icon ...

Icon API

The fontSize applied to the icon. Defaults to 24px, but can be configure to inherit font size. sx, Array<func | object | bool>

Icon size guidelines

Application icons always use the colorful icon style. Their baseline size is 48 pixels. Learn more about app icon design guidelines on the KDE website.

Icons

Standard (Baseline) icon size. Standard icons are displayed as 24dp x 24dp. For pixel-perfect accuracy, create icons for viewing at 100% scale.

Learn How I Design Icons for UI

2022年9月3日 — You can create various Icon sizes but the best recommendation for icon design by material design guidelines is a 24 x 24 px icon. with 1px grid.

User interface icons: sizes and formats for every OS

2024年2月27日 — Interface icons · 256px x 256px @1x, 512px x 512px @2x · 128px x 128px @1x, 256px x 256px @2x · 32px x 32px @1x, 64px x 64px @2x · 16px x 16px @1x, ...